{% from 'common/_macro.html' import static %}
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>login</title>
<link rel="stylesheet" type="text/css" href="{{ static('cms/css/normalize.css') }}" />
{#<link rel="stylesheet" type="text/css" href="{{ static('css/demo.css') }}" />#}
<!--必要样式-->
<link rel="stylesheet" type="text/css" href="{{ static('cms/css/component.css') }}" />
<!--[if IE]>
<script src="js/html5.js"></script>
<![endif]-->
    <style>
        .act-but{
            width: 400px;
        }
        .checkbox{
            padding-left: 20px;
            font: 15px "microsoft yahei",Helvetica,Tahoma,Arial,"Microsoft jhengHei",sans-serif;
        }
    </style>
</head>
<body>
		<div class="container demo-1">
			<div class="content">
				<div id="large-header" class="large-header">
					<canvas id="demo-canvas"></canvas>
					<div class="logo_box">
						<h3>欢迎登陆CMS管理系统</h3>
						<form action="#" name="f" method="post">
                            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
							<div class="input_outer">
								<span class="u_user"></span>
								<input name="email" class="text" style="color: #FFFFFF !important" type="text" placeholder="请输入邮箱">
							</div>
							<div class="input_outer">
								<span class="us_uer"></span>
								<input name="password" class="text" style="color: #FFFFFF !important; position:absolute; z-index:100;"value="" type="password" placeholder="请输入密码">
							</div>
                            <div class="checkbox mg-b25">
                              <label style="">
                                <input type="checkbox" value=1 name="remember"/> 记住我
                              </label>
                            </div>
							<div class="mb2">
                                <button class="act-but submit" href="{{ url_for('cms.profile') }}" style="color: #FFFFFF">登录</button>
                            </div>
                            {% if message %}
                              <p style="text-align: center" class="text-danger" style="color: red">{{ message }}</p>
                            {% endif %}
						</form>
					</div>
				</div>
			</div>
		</div><!-- /container -->
		<script src="{{ static('cms/js/TweenLite.min.js') }}"></script>
		<script src="{{ static('cms/js/EasePack.min.js') }}"></script>
		<script src="{{ static('cms/js/rAF.js') }}"></script>
		<script src="{{ static('cms/js/demo-1.js') }}"></script>
	</body>
</html>